extends ../../layout/layout

block content
  .content-wrapper
    .search-condition
      form#form-search
        .form-inline
          //- .form-group
            label.marginR10 用户姓名
              input.form-control.form-width150(name="nameLike" placeholder="请输入姓名")
          .form-group
            label.marginR10 手机号码
              input.form-control.form-width150(name="nameLike" placeholder="请输入手机号码")
          //- .form-group
          //-   label.marginR10 用户状态
          //-     select.form-control.form-width150(name="status")
          //-       option(value="") 请选择
          //-       option(value="1") 已注册
          //-       option(value="2") 未充值
          //- .form-group
          //-   label.marginR10 用户来源
          //-     select.form-control.form-width150(name="origin")
          //-       option(value="") 请选择
          //-       option(value="1") Android
          //-       option(value="2") iOS
          //-       option(value="3") 小程序
          .form-group
            label.marginR10 注册时间
              input.form-control.form-width200#register-time(name="registerTime" placeholder="请选择注册时间范围" readonly)
    .com-op.marginT10
      button.btn.btn-default.marginR10#btn-search(type="button")
        i.fa.fa-search
        span 搜索
      button.btn.btn-default.marginR10#btn-order-record(type="button")
        //- i.fa.fa-?
        span 订单记录
      button.btn.btn-default.marginR10#btn-pn(type="button")
        //- i.fa.fa-?
        span 拉新记录
      button.btn.btn-default.marginR10#btn-comment(type="button")
        //- i.fa.fa-?
        span 评价记录
      button.btn.btn-default.marginR10#btn-invoice(type="button")
        //- i.fa.fa-?
        span 开票信息
      button.btn.btn-default.marginR10#btn-export(type="button")
        //- i.fa.fa-?
        span 导出

    .content-body.marginT10#table-box
      table.table#table-crm
      #pager-crm

block vendor_css
  link(rel='stylesheet', type="text/css", href="../../vendor/jqGrid/css/ui.jqgrid-bootstrap.css")

block vendor_js
  script(src="../../vendor/jqGrid/js/jquery.jqGrid.js")
  script(src="../../vendor/jqGrid/js/i18n/grid.locale-cn.js")
  script(src="../../vendor/laydate/laydate.js")

block self_js
  script(src="../../js/module/crm/list.js")

block self_css
  link(rel="stylesheet", href="../../css/crm/list.css")

block layer
  .layer-box#layer-crm-detail
    .d-header
      | 客户ID：
      span(data-value="phone")
    .d-title
      span 基础信息
    .d-content.padding20
      .row.form-row.form-row-sm
        .col-xs-4
          span 手机号码：
          span(data-value="phone")
        .col-xs-4
          span 昵称：
          span(data-value="nickName")
        .col-xs-4
          span 分享次数：
          span(data-value="shareTimes")
      .row.form-row.form-row-sm
        .col-xs-4
          span 拉新数：
          span(data-value="pnc")
        .col-xs-8
          span 注册时间：
          span(data-value="registerTime")
      .row.form-row.form-row-sm
        .col-xs-4
          span 用户状态：
          span(data-value="status")
        .col-xs-8
          span 用户来源：
          span(data-value="source")
    .d-title
      span 用车信息
    .d-content.padding20
      .row.form-row.form-row-sm
        .col-xs-6
          span 最近下单时间：
          span(data-value="lastOrderDate")
        .col-xs-6
          span 最近登录时间：
          span(data-value="lastLoginDate")
      .row.form-row.form-row-sm
        .col-xs-6
          span 总下单次数：
          span(data-value="totalOrderCount")
          span 次
        .col-xs-6
          span 本月下单次数：
          span(data-value="curMonthCount")
          span 次
      .row.form-row.form-row-sm
        .col-xs-6
          span 总出行里程：
          span(data-value="totalMiles")
          span km
        .col-xs-6
          span 本月出行里程：
          span(data-value="curMiles")
          span km
      .row.form-row.form-row-sm
        .col-xs-6
          span 总支付金额：￥
          span(data-value="paidMoney")
        .col-xs-6
          span 本月支付金额：￥
          span(data-value="curMoney")
      .row.form-row.form-row-sm
        .col-xs-6
          span 总优惠金额：￥
          span(data-value="cupm")
        .col-xs-6
          span 本月优惠金额：￥
          span(data-value="curconey")

  .layer-box#layer-order-record
    .d-header
      | 客户ID：
      span(data-clientId) 5955448415
      | &emsp;&emsp;&emsp;
      | 总出行里程：
      span(data-totalMiles)
      | km
      | &emsp;&emsp;&emsp;
      |本月出行里程：
      span(data-curMiles)
      | km

    .d-grid
      table.table#table-order-record
      #pager-order-record

    .d-bottom
      | 总订单数：
      span(data-orderNum)
      | 笔

  //- 拉新
  .layer-box#layer-pn
    .d-header
      | 客户ID：
      span(data-clientId)
      | &emsp;&emsp;&emsp;
      | 拉新用户数：
      span(data-totalMiles)
      | 人

    .d-grid
      table.table#table-pn
      #pager-pn

  //- 评价记录
  .layer-box#layer-comment
    .d-header
      | 客户ID：
      span(data-clientId)

    .d-grid
      table.table#table-comment
      #pager-comment

    .d-bottom
      | 总评价订单数：
      span(data-orderNum)
      | 笔

  //- 开票信息
  .layer-box#layer-invoice
    .d-header
      | 客户ID：
      span(data-clientId)

    .d-grid
      table.table#table-invoice
      #pager-invoice

    .d-bottom
      | 总开票次数：
      span(data-orderNum)
      | 次
